<template>
  <div class="common-layout">
    <el-container>
      <el-aside width="200px">
        <MyMenu></MyMenu>
      </el-aside>
      <el-container>
        <el-header>Header</el-header>
        <el-main>Main</el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
import MyMenu from "@/components/MyMenu.vue";
export default {
  components:{
    MyMenu,
  }
}
</script>

<style scoped>
.common-layout {
  height: 100%;
  width: 100%;
}
.el-container {
  height: 100%;
  width: 100%;
}
.el-aside {
  background-color: #008cff;
}
.el-header {
  background-color: #00d0e3;
}
MyMenu {
  position: fixed;
  right: 0;
}
</style>
